<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="Probably the most complete UI kit out there. Multiple functionalities and controls added,  extended color palette and beautiful typography, designed as its own extended version of Bootstrap at  the highest level of quality.                             ">
    <meta name="author" content="Webpixels">
    <title>评测系统</title>
    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700,800|Roboto:400,500,700" rel="stylesheet">
    <!-- Theme CSS -->
    <link type="text/css" th:href="@{/css/theme.css}" rel="stylesheet">
  </head>
  <body>
    <div th:replace="~{common/header :: header}"></div>
    <main class="main">
      <section class="py-xl bg-cover bg-size--cover">
        <span class="mask bg-secondary alpha-6"></span>
        <div class="container d-flex align-items-center no-padding">
          <div class="col">
            <div class="row justify-content-center">
              <div class="col-lg-4">
                <div class="card bg-primary text-white">
                  <div class="card-body">
                    <button type="button" class="btn btn-primary btn-nobg btn-zoom--hover mb-5">
                      <span class="btn-inner--icon"><i class="fas fa-arrow-left"></i></span>
                    </button>
                    <span class="clearfix"></span>
                    <h4 class="heading h3 text-white pt-3 pb-5">欢迎来到评测系统<br>请登录</h4>
                    <form class="form-primary" method="post" th:action="${#servletContext.contextPath + '/commonLogin'}">
                      <div class="form-group">
                        <div class="form-check form-check-inline">
                          <input class="form-check-input" type="radio" name="role" id="inlineRadio1" checked="checked" value="1">
                          <label class="form-check-label" for="inlineRadio1">学生</label>
                        </div>
                        <div class="form-check form-check-inline">
                          <input class="form-check-input" type="radio" name="role" id="inlineRadio2" value="2">
                          <label class="form-check-label" for="inlineRadio2">教师</label>
                        </div>
                        <div class="form-check form-check-inline">
                          <input class="form-check-input" type="radio" name="role" id="inlineRadio3" value="3">
                          <label class="form-check-label" for="inlineRadio2">企业</label>
                        </div>
                      </div>
                      <div class="form-group">
                        <input type="text" name="username" class="form-control" id="username" placeholder="用户名">
                      </div>
                      <div class="form-group">
                        <input type="text" name="password" class="form-control" id="password" placeholder="密码">
                      </div>
                      <button type="submit" class="btn btn-block btn-lg bg-white mt-4">登录</button>
                    </form>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </main>
    <div th:replace="~{common/footer :: footer}"></div>
  </body>
</html>
